<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子商城首页</title>
    <!--引入样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">

    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="../lib/plugins/slider/css/slider.css">
    <!--引入当前文件样式-->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!--头部head-->
    <section id="head" class="head">
        <div id="headTop" class="head-top">
            <div class="head-top-text container clearfix">
                <img src="../imgs/logo.jpg" alt="">
                <span class="url">legochina.cn</span>
                <span class="fr">欢迎光临乐购，请 <a href="./sign.html">登陆</a>\<a href="./register.html">注册</a></span>
            </div>
        </div>
        <div class="head-bom container clearfix">
            <h2 class="greet">
              欢迎光临 </h2>
              <p class="fr">已有账号，请<a href="">登陆</a></p>
        </div>
    </section>
    <!--注册-->
    <div class="register container">
        <div class="register-interface bd">
            <p class="clearfix"><span class=" fl">用户名</span><input  class="user fr" placeholder="您的账户名和登录名" type="text"><span class="usermsg"></span> </p>
            <p class="clearfix"><span class=" fl">设置密码</span><input class="pwd fr" placeholder="建议设置两种字符密码" type="password"><span class="pwdmsg"></span> </p>
            <p class="clearfix"><span class="fl">确认密码</span><input class=" pwdagin fr" placeholder="再次输入密码" type="password"><span class="pwdaginmsg"></span></p>
            <p class="clearfix"><span class="fl">中国+86</span><input class="phone fr" placeholder="建议使用常用手机号" type="text"></p>
            <p class="clearfix text"><span class="fl">验证码</span><input class="text-identify fr" placeholder="请输入验证码" type="text"> <span class="textnumber"></span> </p>
            <p class="clearfix phone-test"><span class="fl">手机验证码</span><input class="fr" type="text"><button class="phone-testbtn">获取验证码</button></p>
            <input class="check" type="checkbox">我已阅读并同意<a href="">《京东用户注册协议》</a>
            <p><button class="register-btn">立即注册</button></p>
        </div>
    </div>
    <!--页尾 footer-->
    <section id="footer" class="footer">
        <div class="footer-top">
            <ul class="after-service clearfix container">
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_11.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_13(1).png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_15.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_17.png" alt=""></a>
                </li>
            </ul>

        </div>
        <div class="footer-bom container clearfix">
            <ul>
                
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">购物指南</p>
                    <a class="footer-bom-link" href="">购物流程</a><br>
                    <a class="footer-bom-link" href="">发票制度 </a><br>   
                    <a class="footer-bom-link" href="">账户管理</a><br>
                    <a class="footer-bom-link" href=""> 会员优惠</a>
                </li>
                
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">支付方式</p>
                    <a class="footer-bom-link" href="">货到付款</a><br>
                    <a class="footer-bom-link" href="">网上支付</a><br>   
                    <a class="footer-bom-link" href="">礼品卡支付</a><br>
                    <a class="footer-bom-link" href="">银行转帐</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">订单服务</p>
                    <a class="footer-bom-link" href="">订单配送查询</a><br>
                    <a class="footer-bom-link" href="">订单状态说明</a><br>   
                    <a class="footer-bom-link" href="">自助取消订单</a><br>
                    <a class="footer-bom-link" href="">自助修改订单</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">退换货</p>
                    <a class="footer-bom-link" href="">退换货政策</a><br>
                    <a class="footer-bom-link" href="">自助申请退换货</a><br>   
                    <a class="footer-bom-link" href="">退换货进度查询</a><br>
                    <a class="footer-bom-link" href="">退款方式和时间</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">"商家服务</p>
                    <a class="footer-bom-link" href="">商家中心</a><br>
                    <a class="footer-bom-link" href=""> 运营服务</a><br>   
                    <a class="footer-bom-link" href="">加入尾品汇</a>  
                </li>
               
                    
                
                

            </ul>
            <img class="fr" src="../imgs/logo_00.png" alt="">
        </div>
        <p class="footer-list  container">
            <a class="footer-link" href="">  公司简介  |</a>
            <a class="footer-link" href="">  Investor Relations  | </a>
            <a class="footer-link" href="">  网站联盟  |</a>
            <a class="footer-link" href="">  乐购招商  |</a>
            <a class="footer-link" href="">  机构销售  |</a>
            <a class="footer-link" href="">  手机乐购  |</a>
            <a class="footer-link" href="">  官方Blog   |</a>
            <a class="footer-link" href="">  热词搜索</a>
        </p>
        <p class="license">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </section>
    <!--引入轮播插件  注意要先引入jQuery库-->
    <script src="../lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="../lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="../js/register.js"></script>
</body>

</html>